// 改变高度的方法
// clientHeight
// function changeHeight(index) {
// 求出screen高度，赋值给viewport
// 1、求出子节点
// querySelectorAll找到所有匹配的元素
// querySelector找到匹配的第一个元素
//     let childs = document.querySelectorAll(".viewport>.screen")
// }

function changeHeight(item) {

    setTimeout(() => {
        console.log(item, item.clientHeight + "px")
        document.querySelector(".view").style.height = item.offsetHeight + "px"
    }, 200)
}
// 获取点击按钮
let label_btn = document.querySelectorAll("nav>label")
// 获取screen子节点
let child = document.querySelector(".viewport").children
for (let i = 0; i < label_btn.length; i++) {
    label_btn[i].onclick = function () {
        changeHeight(child[i])
    }
}
changeHeight(child[0])